<template>
  <div class="install">
    <h2 class="install-title">安装--仅供参考，不能安装使用，功能暂不完善</h2>
    <p class="install-des">打开终端运行下列命令：</p>
    <div class="insta-ml"><p>npm install Xiaowu-ui</p></div>
    <p class="install-des">或</p>
    <div class="insta-ml"><p>yarn add Xiaowu-ui</p></div>
    <p class="install-des">
      下一节<router-link to="/doc/intro">开始使用</router-link>
    </p>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {};
  },
};
</script>
<style lang="scss" scoped>
.install {
  > .install-title {
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 30px;
  }
  > .install-des {
    margin-top: 10px;
    margin-bottom: 0;
    padding: 8px 0;
    font-size: 20px;
    > a {
      font-size: 20px;
      color: #fc5000;
      margin-left: 10px;
    }
  }
  > .insta-ml {
    border-radius: 5px;
    margin: 16px 0px 32px;
    max-width: 100%;
    padding: 15px;
    background-color: rgb(250, 250, 250);
    border: 1px solid rgb(234, 238, 251);
    > p {
      font-size: 20px;
      color: #fc5000;
    }
  }
}
</style>